@font-face {
			font-family: 'iconfont';
			src: url('~@/static/iconfont/iconfont.eot');
			src: url('~@/static/iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
				url('~@/static/iconfont/iconfont.woff2') format('woff2'),
				url('~@/static/iconfont/iconfont.woff') format('woff'),
				url('~@/static/iconfont/iconfont.ttf') format('truetype'),
				url('~@/static/iconfont/iconfont.svg#iconfont') format('svg');
		}
	
		.iconfont {
			font-family: "iconfont" !important;
			font-size: 16px;
			font-style: normal;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
	
		.icon-dingwei:before {
			content: "\e63e";
		}
	
		.icon-arrow-down-s-fill:before {
			content: "\e72b";
		}
	
		.icon-un-scan-o:before {
			content: "\e6be";
		}
	
		.icon-search:before {
			content: "\e626";
		}
	
		.icon-erweima:before {
			content: "\e71e";
		}
	
		.icon-coupon:before {
			content: "\e606";
		}
.page_old_diy{
	
	
		.home {
			width: 100%;
			min-height: 100vh;
			background-color: #f6f6f6;
			/* #ifdef H5 */
			box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
			/* #endif */
			/* 红包样式 */
	
			.draggable-box {
				min-height: 1000px;
			}
	
			.container {
				width: 100vw;
				height: 100vh;
				display: flex;
				align-items: center;
				justify-content: center;
				position: fixed;
				top: 0;
				left: 0;
				background-color: rgba(0, 0, 0, 0.6);
				z-index: 1;
	
				.box {
					/* #ifdef H5 */
					width: 335px;
					height: 384px;
					/* #endif */
					/* #ifndef H5 */
					width: 670rpx;
					height: 768rpx;
					/* #endif */
					position: relative;
					margin: 0 auto 70px;
					background-color: transparent;
				}
			}
	
			.reward-bg {
				width: 100%;
				height: 100%;
				border-radius: 2vw;
				position: absolute;
				top: 0;
				left: 0;
			}
	
			.reward-open {
				/* #ifdef H5 */
				width: 100px;
				height: 100px;
				top: 102px;
				left: 118px;
				/* #endif */
				/* #ifndef H5 */
				width: 200rpx;
				height: 200rpx;
				top: 204rpx;
				left: 236rpx;
				/* #endif */
				border-radius: 50%;
				position: absolute;
				transition: 1.5s;
				font-size: 0;
			}
	
			.reward-open>image {
				width: 100%;
				height: 100%;
			}
	
			.reward-rotate {
				transform: rotateY(360deg);
			}
	
			.reward-title {
				/* #ifdef H5 */
				font-size: 14px;
				/* #endif */
				/* #ifndef H5 */
				font-size: 28rpx;
				/* #endif */
				text-align: center;
				position: relative;
				margin-top: 6vw;
			}
	
			.reward-money {
				position: absolute;
				/* #ifdef H5 */
				bottom: 105rpx;
				/* #endif */
				/* #ifndef H5 */
				bottom: 210rpx;
				/* #endif */
				left: 0;
				width: 100%;
				text-align: center;
				color: #fdcf9e;
			}
	
			/* #ifdef H5 */
			.reward-money>text:nth-child(1) {
				font-size: 16px;
			}
	
			.reward-money>text:nth-child(2) {
				font-size: 34px;
			}
	
			.reward-tip {
				text-align: center;
				position: absolute;
				bottom: 59px;
				left: 0;
				width: 100%;
				color: #fdcf9e;
				font-size: 16px;
			}
	
			/* #endif */
			/* #ifndef H5 */
			.reward-money>text:nth-child(1) {
				font-size: 32rpx;
			}
	
			.reward-money>text:nth-child(2) {
				font-size: 68rpx;
			}
	
			.reward-tip {
				text-align: center;
				position: absolute;
				bottom: 118rpx;
				left: 0;
				width: 100%;
				color: #fdcf9e;
				font-size: 32rpx;
			}
	
			/* #endif */
	
			.reward-close {
				width: 100%;
				position: absolute;
				left: 0;
				bottom: -15vw;
				display: flex;
				justify-content: center;
			}
		}
	
		/* #ifdef H5 */
		.component {
			position: relative;
	
			.com-widget {
				position: absolute;
				top: 0;
				right: -40px;
				width: 34px;
			}
	
			.com-widget-left {
				position: absolute;
				top: 0;
				left: -40px;
				width: 34px;
				height: 14px;
	
				.com-widget-left-content {
					position: relative;
					height: 100%;
	
					.widget-name {
						position: absolute;
						bottom: 0;
						right: 0;
						display: inline-block;
						background-color: #fff;
						width: 80px;
						height: 24px;
						text-align: center;
						line-height: 24px;
						font-size: 12px;
						// pointer-events: none;
						box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
	
						.widget-name__arrow-out {
							width: 0;
							height: 0;
							border-width: 5px;
							border-style: solid;
							border-color: transparent transparent transparent #fff;
							position: absolute;
							bottom: 7px;
							right: -10px;
							left: auto;
						}
					}
	
					.com-widget-icon {
						position: absolute;
						bottom: 0;
						right: -6px;
						padding: 4px 32px;
						background-color: white;
						height: 24px;
						text-align: center;
						line-height: 24px;
						box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
					}
				}
			}
	
			.widget-del {
				cursor: pointer;
				position: absolute;
				left: -6px;
				width: 40px;
				height: 28px;
				background-image: url(/static/images/del.png);
				background-size: 50%;
				background-repeat: no-repeat;
				background-color: #fff;
				background-position: center;
				box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
			}
	
			.com-widget-icon {
				padding: 4px 32px;
				background-color: white;
				height: 24px;
				text-align: center;
				line-height: 24px;
				box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
			}
	
			.widget-name {
				display: inline-block;
				background-color: #fff;
				width: 80px;
				height: 24px;
				text-align: center;
				line-height: 24px;
				font-size: 12px;
				// pointer-events: none;
				box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
	
				.widget-name__arrow-out {
					width: 0;
					height: 0;
					border-width: 5px;
					border-style: solid;
					border-color: transparent #fff transparent transparent;
					position: absolute;
					bottom: 7px;
					left: -10px;
				}
			}
		}
	
		.active::before {
			content: '';
			position: absolute;
			width: 379px;
			height: 100%;
			left: -2px;
			top: 0;
			box-sizing: border-box;
			border: 2px solid #155bd4;
			z-index: 10;
			cursor: move;
		}
	
		.component-diy:hover::before {
			border: 1px dashed #155bd4;
			content: '';
			position: absolute;
			width: 377px;
			height: 100%;
			left: -1px;
			top: 0;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			z-index: 10;
			cursor: move;
		}
	
		.sortable-ghost {
			opacity: 0;
		}
	
		/* 新增css */
		.uni-page-head {
			width: 375px !important;
		}
	
		.uni-tabbar {
			width: 375px !important;
		}
	
		.home {
			min-height: auto;
		}
	
		.home .draggable-box {
			min-height: auto;
			box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.2), 1px 0px 1px rgba(0, 0, 0, 0.2);
		}
	
		uni-page-head {
			display: none !important;
		}
	
	
	
		/* #endif */
		::-webkit-scrollbar {
			width: 0;
			height: 0;
			color: transparent;
			display: none;
		}
}
